﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="robots" content="all" />
        <meta name="author" content="">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <title>SuiRich</title>
        <jsp:include page="../commons/header.jsp"></jsp:include>
        <script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.form.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath() %>/js/popUp.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath() %>/js/enquiry.js"></script>
        <link rel="stylesheet" href="<%=request.getContextPath() %>/style/css/popUp.css" media="all" />
    </head>
    <body>
        <jsp:include page="../commons/menu.jsp"></jsp:include>
		<!-- main -->
		<div class="mainCnt products clearfix">
			<h2 class="enquiry" style="margin-bottom:20px;">Enquiry</h2>
			<div class="fr" style="width:296px;">
				<p style="padding:0 0 15px 62px; font-size:18px;"><strong>Product Categories</strong></p>
				<div class="menu fr">
					<dl class="" id="categoriesTree">
					</dl>
				</div>
			</div>
			<form action="" id="enquiryForm" method="post">
				<ul class="addEnquiry">
					<li>
					   <label>Title:</label>
					   <input type="text" name="title" id="title" class="input_txt" maxlength="100"/>
					   <span class="star">*</span>
					</li>
					<li>
					   <label>Contents:</label>
					   <textarea class="input_tex" name="content" id="content" style="height:110px;"></textarea>
					   <span class="star">*</span>
					</li>
					<li>
						<label>Campany Name:</label>
						<input type="text" name="companyName" id="companyName" class="input_txt" maxlength="100"/>
						<span class="star">*</span>
					</li>
					<li>
						<label>Company Add:</label>
						<input type="text" name="companyAdd" class="input_txt" maxlength="100"/>
					</li>
					<li>
						<label>Postcode:</label>
						<input type="text" name="postcode" class="input_txt" maxlength="20"/>
					</li>
					<li>
						<label>Contact person:</label>
						<input type="text" name="contactPerson" id="contactPerson" class="input_txt" maxlength="30"/>
						<span class="star">*</span>
					</li>
					<li>
						<label>Tel:</label>
						<input type="text" name="tel" id="tel" class="input_txt" maxlength="20"/>
						<span class="star">*</span>
					</li>
					<li>
						<label>E-mail:</label>
						<input type="text" name="email" id="email" class="input_txt" maxlength="50"/>
						<span class="star">*</span>
					</li>
					<li>
						<label>website:</label>
						<input type="text" name="website" class="input_txt" maxlength="100"/>
					</li>
					<li>
						<label>Fax:</label>
						<input type="text" name="fax" class="input_txt" maxlength="20"/>
					</li>
					<li style="padding-top:40px;">
						<label>&nbsp;</label>
						<input type="submit" name="" value="Subject" class="submitBtn" />
						<input type="reset" name="" value="Reset" class="submitBtn" />
					</li>
				</ul>
            </form>
		</div>
        <jsp:include page="../commons/footer.jsp"></jsp:include>

        <script type="text/javascript">
            product.categoriesListTree("categoriesTree");
        
	        $('.menu dt,.menu dd').live('click',function(){
	            $(this).addClass('selected').siblings().removeClass('selected');
	        });

	        enquiry.intiEnquiryForm();
        </script>
    </body>
</html>
